html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
p{
    margin: 0;
    padding: 0;
}
#qqMain{
    width: 100%;
    height: 100%;
    //background-image: linear-gradient(white, gray);
    /*background-image: -webkit-linear-gradient(top, #0f1a3d, #090a0d);*/
    
}
.img{
    margin:0 auto;
    width:100%;
    height:auto;
    overflow:hidden;
    text-align: center;
}
.img img{
    display:block;
    width:60%;
    height:auto;
    margin: .5rem auto;
    border-radius:50% ;
    box-shadow: 4px 4px 10px rgba(25,26,27,.3);
    -webkit-box-shadow: 4px 4px 10px rgba(25,26,27,.3);
}
.rainbow{animation: 20s rainbow infinite linear;}    
@keyframes rainbow {
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
.btnpic{
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
    background: url(playBtn.png);
    background-size: 300%;
}
.btn{
    width: .5rem;
    height: .2rem;
    background: #2062db;
    border-radius: 500px;
    position: absolute;
}

.now_time{
	float:left;
	width: auto;
	margin: 0;
	text-align: left;
}
.all_time{
	float:right;
	width: auto;
	margin: 0;
	text-align: right;
}
.time{
    font-size: .7rem;
    color: #727787; 
    font-weight: 400;
    width: auto;
}  
.time_progress{
    display: inline-block;
    width: 100%;
    height: 1.0rem;
    padding-top: .5rem;
}
.progress{
	width: 100%;
	height: .2rem;
	border-radius: 500px;
	background-color: rgba(114,119,135,.3);
	position:relative;
	}
.bar{
    position:absolute;
    top:0;
    left:0;
    height:4px;
    background-color: #2062db;
    display:block;
    width: 0;
    border-radius: 500px;
}
.musicName{
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 3.0rem;
}
.musicName span{
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
}
.MV{
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
#musicContent{
    overflow-y: auto;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: .8rem 3.0rem;
    line-height: 2.0rem;
    font-size: 1.0rem;
    text-align: center;
}
.whiteContent{
    font-size: 30px;
    font-weight: 400;
    color: #fff;
}
.blueContent{
    color: dodgerblue;
    font-size: 30px;
    font-weight: 400;
}
.centerCircle{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 42%;
    margin-left: -20px;
    border-radius: 50%;
}
#musicContent span{
    width: 100%;
    text-align: center;
    font-weight: 400;
    display: block;
}
.musicContent01,.musicContent03{
    color: #727787;
}
.musicContent02{
    color: #2062db;
}

/*--Liulin---------*/
a.btnWhiteBor {
	padding: 0 12px; 
	text-align: center; 
	line-height: 1.5rem;
	border: 1px solid #fff; 
	border-radius: 5px; 
	color: #fff; 
	text-decoration: none; 
	font-size: 0.8rem;
	background-color: rgba(255,255,255,0);
}
a.btnWhiteBor:hover, a.btnWhiteBor:active {
	background-color: rgba(255,255,255,.25);
}
.songCon {
	width: auto; 
	height: auto; 
	position:absolute; 
	top: 0; 
	bottom: 5.5rem; 
	left: 0; 
	right: 0; 
	background-image: -webkit-linear-gradient(top, rgba(15,26,61,.9), rgba(9,10,13,1.0));
}
.playControl {
	width: auto; 
	height:auto;
	maring: 0 auto; 
	padding: 0 .5rem .5rem .5rem; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	text-align: center; 
	background-color: #090a0d;
	z-index: 1000;
}

